<page-header model="ctrl.navModel"></page-header>

<div class="page-container page-body">
  <table class="filter-table">
    <thead>
      <th><strong>Name</strong></th>
      <th><strong>Snapshot url</strong></th>
      <th style="width: 70px"></th>
      <th style="width: 30px"></th>
      <th style="width: 25px"></th>
    </thead>
    <tr ng-repeat="snapshot in ctrl.snapshots">
      <td>
        <a href="{{snapshot.url}}">{{snapshot.name}}</a>
      </td>
      <td>
        <a href="{{snapshot.url}}">{{snapshot.url}}</a>
      </td>
      <td>
        <span class="query-keyword" ng-if="snapshot.external">External</span>
      </td>
      <td class="text-center">
        <a href="{{snapshot.url}}" class="btn btn-inverse btn-small">
          <icon name="'eye'" style="margin-right: 4px;"></icon>
          View
        </a>
      </td>
      <td class="text-right">
        <a ng-click="ctrl.removeSnapshot(snapshot)" class="btn btn-danger btn-small">
          <icon name="'times'"></icon>
        </a>
      </td>
    </tr>
  </table>
</div>

<footer />
